// js的基本用法（语法）
// 正则表达式
// let username = "aoaa";//特殊字符
// let reg = /o{5,15}/;
// console.log(judge());
//
// function judge() {
//     if (reg.test(username)) {
//         return true;
//     } else {
//         return false;
//     }
// }

// let regExp = new RegExp(reg);

$(function () {
    layui.use('form', function () {
        var form = layui.form;

        //自定义验证规则
        form.verify({
            username: [/^[a-zA-Z0-9_-]{4,16}$/, "用户名正则，4到16位（字母，数字，下划线，减号）"],
            password: [/(.+){6,12}$/, '密码必须6到12位']
        });
        //监听提交
        //<input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
        // 找到submit的按钮，然后选择login的按钮
        form.on('submit(login)', function (data) {
            // alert(888)
            //layui弹出框？
            // layer.msg(JSON.stringify(data.field), function () {
            //     location.href = 'index.html'
            // });
            //data.field 表示拿到表单里面所有的值，是以对象的形式存在json对象
            // name属性+value值
            //JSON.stringify(data.field) 将对象转换为string
            // console.log(typeof data.field)
            // console.log(typeof JSON.stringify(data.field))
            // 前端和后端进行交互,ajax
            //Ajax就是为了和后台进行联系
            data = data.field;
            let username = data.username;
            $.ajax({
                type: "post",//和servlet的方法相对应
                url: "/login",//和WebServlet相对应
                data: data,//这个就是传递到后台的值
                dataType: "json",//统一json
                success: function (data) {//data是后台传递到前端的值,统一json格式
                    // let result = value;//这里的value是后台传递过来的值
                    console.log(data);
                    if (data.msg == 'success') {
//将数据存储到web存储里面
                        sessionStorage.setItem("username", username);
                        window.open("/html/index.html");
                        // location.href = "/html/index.html";
                    } else {
                        layer.msg("用户名或者密码输入错误，请重新输入");
                    }
                }
            });
            //时序图？
            // 为什么要返回false？
            //button 只是简单的按钮，submit 表示提交按钮条件表单数据到后台
            return false;
        });
    })
});